.bg-gradient {
  #gradient > .vertical(rgba(40, 50, 60, 0), rgba(40, 50, 60, 0.05), 0, 100%);
  filter: none;
}

.bg-light {
  .color-variant(@brand-light, 1.5%, 3%, 2.5%, 5%);
  color: @text-color;
}

.bg-dark {
  .color-variant(@brand-dark, 5%, 10%, 5%, 10%);
  .font-variant(@brand-warning, @brand-black, lighten(@brand-dark, 50%), @brand-black);
}

.bg-black {
  .color-variant(@brand-black, 5%, 10%, 5%, 10%);
  .font-variant(@brand-black, #fff, lighten(@brand-black, 50%), lighten(@brand-black, 40%));
}

.bg-primary {
  .color-variant(@brand-primary, 5%, 10%, 5%, 10%);
  &-ltest {
    background-color: @brand-primary-ltest;
  }
  .font-variant(@brand-primary, #fff, lighten(@brand-primary, 50%), lighten(@brand-primary, 40%));
}

.bg-success {
  .color-variant(@brand-success, 5%, 10%, 5%, 10%);
  &-ltest {
    background-color: @brand-success-ltest;
  }
  .font-variant(@brand-success, #fff, lighten(@brand-success, 50%), lighten(@brand-success, 40%));
}

.bg-info {
  .color-variant(@brand-info, 5%, 10%, 5%, 10%);
  &-ltest {
    background-color: @brand-info-ltest;
  }
  .font-variant(@brand-info, #fff, lighten(@brand-info, 50%), lighten(@brand-info, 40%));
}

//
//.bg-warning {
//	.color-variant(@brand-warning, 5%, 10%, 5%, 10%);
//	&-ltest{
//		background-color: @brand-warning-ltest;
//	}
//	.font-variant(@brand-warning, lighten(@brand-warning,40%), lighten(@brand-warning,50%), #fff);
//}
.bg-warning {
  .color-variant(@brand-warning, 5%, 10%, 5%, 10%);
  &-ltest {
    background-color: @brand-warning-ltest;
  }
  .font-variant(@brand-warning, @brand-black, @brand-black, @brand-dark);
}

.bg-danger {
  .color-variant(@brand-danger, 5%, 10%, 5%, 10%);
  &-ltest {
    background-color: @brand-danger-ltest;
  }
  .font-variant(@brand-danger, #fff, lighten(@brand-danger, 50%), lighten(@brand-danger, 40%));
}

//特殊定制
.bg-white {
  background-color: #fff;
  color: @text-color;
  a {
    color: @link-color;
    &:hover {
      color: darken(@link-color, 10%);
    }
  }
  .text-muted {
    color: @text-muted !important;
  }
}

.bg-white-only {
  background-color: #fff;
}

.bg-empty {
  background-color: transparent !important;
}

.bg-dark-ltest {
  background-color: #333333;

  a {
    color: #979798;
  }
}

.text-wariant(@brand-primary, primary);
.text-wariant(@brand-info, info);
.text-wariant(@brand-success, success);
.text-wariant(@brand-warning, warning);
.text-wariant(@brand-danger, danger);
.text-wariant(@brand-dark, dark);
.text-black {
  color: #000;
  color: rgba(0, 0, 0, 0.8)
}

;
.text-white {
  color: #fff;
  color: rgba(255, 255, 255, 0.8)
}

.text-muted {
  color: @text-muted;
}